<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="description" content="{{ page.description }} - {{ site.name }}" />
    <title>标签：{{ page.title }} - {{ site.name }}</title>
    <!-- Bootstrap Core CSS -->
    <link href="/css/bootstrap.min.css" rel="stylesheet"/>
    <!-- Custom CSS -->
    <link href="/css/blog.css" rel="stylesheet"/>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media
    queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file://
    -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">
      </script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js">
      </script>
    <![endif]-->
        <!-- jQuery Version 1.11.0 -->
    <script src="/js/jquery-1.11.0.js"> </script>
    <!-- Bootstrap Core JavaScript -->
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/tongji.js"></script>
  </head>
  
  <body>
    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">
              Toggle navigation
            </span>
            <span class="icon-bar">
            </span>
            <span class="icon-bar">
            </span>
            <span class="icon-bar">
            </span>
          </button>
          <a class="navbar-brand" href="/">
            首页
          </a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          {% include navigation.html %} 
        </div>
        <!-- /.navbar-collapse -->
      </div>
      <!-- /.container -->
    </nav>
    <!-- Page Content -->
    <div class="container">
      <div class="row">
        <!-- Blog Entries Column -->
        <div class="col-md-8">
          <!-- Navi -->
          <div class="post_frame">
            <div class="post_navi">
              <a href="/">首页</a>&nbsp;>&nbsp;<a href="{{ page.url }}.html">{{ page.title }}</a>&nbsp;>&nbsp;
              <span class="post_navi_span">列表</span>
            </div>
            <div style="padding:10px">
				{% for post in page.posts %}
					<h2>
					  <a href="{{ post.url }}">
						{{ post.title }}
					  </a> 
					  <div class="post-date">
						<span class="glyphicon glyphicon-time"></span>
						{{ post.date | date:"%Y-%m-%d" }}
					  </div>
					</h2>
					<hr>
					{{ post.excerpt }}
						<p><h3><a href="{{ post.url }}">阅读全文 &raquo;</a></h3></p>
					<hr>
				{% endfor %}
            </div>
          </div>
        </div>
        <!-- Blog Sidebar Widgets Column -->
        <div class="col-md-4">
          <!-- Side Widget Well -->
          <div class="well">
            <h4>
              推荐链接
            </h4>
			      <div class="row">
            {% include recommend_link.html %} 
            </div>
          </div>

          <!-- Side Widget Well -->
          <div class="well-ad">
            {% include adsense_336x280.html %} 
          </div>

		      <!-- Blog Recent Well -->
          <div class="well">
            <h4>
              最新文章
            </h4>
            <div class="row">
                    {% include recent_posts.html %} 
            </div>
          </div>		  
          
		      <!-- Blog Links Well -->
          <div class="well">
            <h4>
              友情链接
            <div class="linkme">
            <a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=w7SqraWqsa6DsrLtoKyu" target="_blank">
              <span class="linkme_span">交换链接</span>
            </a>
            </div>
            </h4>
            {% include friendlinks.html %} 
          </div>
        </div>
      </div>
      <!-- /.row -->

      <!-- Footer -->
      <footer>
        <div class="row">
          <div class="col-lg-12">
            {% include copyright.html %} 
          </div>
          <!-- /.col-lg-12 -->
        </div>
        <!-- /.row -->
      </footer>
    </div>
    <!-- /.container -->
    {% include spider.html %} 
  </body>
</html>